/*------ begin reset ------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    height: 100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
    width:100%;
    height:100%;
}

:focus {
    outline: 1;
}

ol, ul ,li{
    list-style: none;
}

fieldset{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/*------ end reset ------*/

/*------ start fily ------*/
.fily{

}

.fily-hide{
    display: none !important;
    width: 0px !important;
    height: 0px !important;
}

.fily-show{
    display: block;
}

.width-height-all{
    width: 100%;
    height: 100%;
}

.width-height-auto{
    width: auto;
    height: auto;
}

.height-all{
    height: 100%;
}

.height-auto{
    height: auto;
}

.width-all{
    width: 100%;
}

.width-auto{
    width: auto;
}

.left-0{
    left: 0px;
}
.top-0{
    top: 0px;
}
.right-0{
    right: 0px;
}
.buttom-0{
    right: 0px;
}

.top-right-0{
    top: 0px;
    right: 0px;
}
.top-left-0{
    top: 0px;
    left: 0px;
}
.top-left-half{
    top: 50%;
    left: 50%;
}

.margin-0{
    margin:0px 0px 0px 0px;
}

.padding-0{
    padding:0px 0px 0px 0px;
}

.no-select{
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-focus:ignore;
    -moz-user-select:none;
    -moz-user-input:disabled;
}


.nowrap{
    word-break: keep-all;
    white-space: nowrap;
}

.break-word{
    word-wrap:break-word;
    word-break:break-all;
}

.break{
    word-break:break-all;
}

.gray {
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter: grayscale(100%);
    filter:grayscale(100%);
    filter:gray;
    -moz-opacity:0.5;
    opacity:0.5;
}

.radius{
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
}
.r1{
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
}
.r2{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius: 2px;
}
.r3{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.r4{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
.r3-3{
    -moz-border-radius:3px 3px 3px 0px;
    -webkit-border-radius:3px 3px 3px 0px;
    border-radius:3px 3px 3px 0px;
}
.rl3{
    -moz-border-radius:3px 0px 0px 3px;
    -webkit-border-radius:3px 0px 0px 3px;
    border-radius:3px 0px 0px 3px;
}
.r5{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.r7{
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}
.r10{
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.r15{
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}
.rt5{
    -moz-border-radius:5px 5px 0px 0px;
    -webkit-border-radius:5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px;
}
.rl5{
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-radius:5px 0px 0px 5px;
    border-radius:5px 0px 0px 5px;
}
.rr5{
    -moz-border-radius:0px 5px 5px 0px;
    -webkit-border-radius:0px 5px 5px 0px;
    border-radius:0px 5px 5px 0px;
}
.rr3{
    -moz-border-radius:0px 3px 3px 0px;
    -webkit-border-radius:0px 3px 3px 0px;
    border-radius:0px 3px 3px 0px;
}
.rb5{
    -moz-border-radius:0px 0px 5px 5px;
    -webkit-border-radius:0px 0px 5px 5px;
    border-radius:0px 0px 5px 5px;
}
.r15{
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}

.shadow{
    -moz-box-shadow: 0px 0px 5px #fff;
    -webkit-box-shadow: 0px 0px 5px #fff;
    box-shadow: 0px 0px 5px #fff;
}

.h0{
    height:0px;
    *display:none;
}
.h1{
    height:1px;
}
.h5{
    height:5px;
}
.h6{
    height:6px;
}
.h7{
    height:7px;
}
.h8{
    height:8px;
}
.h9{
    height:9px;
}

.w0{
    width:0px;
    *display:none;
}
.w1{
    width:1px;
}
.w5{
    width:5px;
}
.w6{
    width:6px;
}
.w7{
    width:7px;
}
.w8{
    width:8px;
}
.w9{
    width:9px;
}

.ti1{
    text-indent:1px;
}
.ti2{
    text-indent:2px;
}
.ti3{
    text-indent:3px;
}
.ti5{
    text-indent:5px;
}
.ti10{
    text-indent:5px;
}

.lh10{
    line-height:10px;
}
.lh15{
    line-height:15px;
}
.lh16{
    line-height:16px;
}
.lh20{
    line-height:20px;
}
.lh23{
    line-height:23px;
}
.lh24{
    line-height:24px;
}
.lh25{
    line-height:25px;
}
.lh30{
    line-height:30px;
}
.lh35{
    line-height:35px;
}
.lh40{
    line-height:40px;
}

.pa{
    position:absolute;
}
.pa-hack{
    position:relative;
    *position:absolute;
}
.pa-h{
    *position:absolute;
}
.pf{
    position:fixed;
}
.pr{
    position:relative;
}
.ps{
    position:static;
}

.btn-none{
    border:none;
}
.btn-top-none{
    border-top:none;
}
.btn-left-none{
    border-left:none;
}

.cd{
    cursor: default;
}
.cp{
    cursor: pointer;
}
.cm{
    cursor: move;
}
.ct{
    cursor: text;
}
.ch{
    cursor: hand;
}
.cna{
    cursor:not-allowed;
}
.cne{
    cursor: ne-resize;
}
.cnw{
    cursor: nw-resize;
}
.ce{
    cursor: e-resize;
}
.cn{
    cursor: n-resize;
}
.cpp{
    cursor: inherit;
}

.fwb{
    font-weight: bold;
}
.fs5{
    font-size: 5px;
}
.fs9{
    font-size: 9px;
}
.fs10{
    font-size: 10px;
}
.fs12{
    font-size: 12px;
}
.fs13{
    font-size: 13px;
}
.fs14{
    font-size: 14px;
}
.fs16{
    font-size: 16px;
}
.fs18{
    font-size: 18px;
}
.fs24{
    font-size: 24px;
}
.fs48{
    font-size: 48px;
}

.tdn{
    text-decoration:none;
}
.tdu{
    text-decoration: underline;
}
.tdl{
    text-decoration: line-through;
}
.tal{
    text-align: left;
}
.tar{
    text-align: right;
}
.tac{
    text-align: center;
}

.tlf{
    table-layout:fixed;
}

.fr{
    float: right;
}
.fl{
    float: left;
}

.oh{
    overflow:hidden;
}
.oxh{
    overflow-x:hidden;
}
.oyh{
    overflow-y:hidden;
}
.oa{
    overflow: auto;
}
.oya{
    overflow-y:auto;
}
.oxa{
    overflow-y:auto;
}
.os{
    overflow: scroll;
}

.dn{
    display:none; width:0px; height:0px;
}
.db{
    display: block;
}
.dmib{
    display:-moz-inline-box;
}
.dib{
    display:inline-block;
}
.di{
    display:inline;
}

.zm{
    zoom:1;
}

.clear-fix:after{
    clear: both;
    content: '.';
    display:block;
    visibility:hidden;
    height:0;
}
.clear-fix{
    display:inline-block;
}
* html .clear-fix{
    height:1%;
}
.clear-fix{
    display: block;
}
.clear-left {
    clear: left;
}
.clear-none{
    clear:none;
}

.dtr{
    display:table-row;
}
.di{
    display: inline;
}
.vs{
    visibility:show;
}
.vh{
    visibility:hidden;
}
.vc{
    visibility: collapse;
}
.wsn{
    white-space:nowrap;
}
.wbk{
    word-break:keep-all;
}
.imd{
    ime-mode:disabled;
}

.b0{
    border:0px solid black;
}

.box{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.bs0{
    border-spacing: 0;
}
.bcc{
    border-collapse: collapse;
}
.vab{
    vertical-align: baseline;
}
.vat{
    vertical-align: top;
}

.bc-0{
    background-color: transparen;
}

.overlay{
    background:url(../images/overlay.png) 0px 0px;
}

.input {
    padding:4px 7px;
    padding-right:25px;
    line-height:18px;
    border:1px solid #cccccc;
}
.input:hover {
    border: 1px solid #ACAFA8;
}
.input-focus {
    background-color: #FBFCEB;
    border:1px solid #EDDCA0;
}
.input-error {
    background-color: #FCEFF0;
    border:1px solid #FEB1B1;
}
.input-ok {
    background-color: #EBFAEC;
    border:1px solid #75E689;
}


.scroll-webkit::-webkit-scrollbar{
    width: 5px;
    height:8px;
    margin-right: 2px;
}
.scroll-webkit::-webkit-scrollbar-thumb{
    background: #ACAFA8;
    border-radius: 5px;
    width: 5px;
    height:8px;
    overflow: hidden;
}
.scroll-webkit::-webkit-scrollbar-thumb:hover{
    background: #7B7C77;
    overflow: auto;
}
.scroll-webkit::-webkit-scrollbar-thumb:active{
    background: #4B4A45;
    overflow: auto;
}

/*scroll-normal*/
.scroll-normal::-webkit-scrollbar-track{
    background: rgba(0,0,0,.1);
}
.scroll-normal::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,.3);
}
.scroll-normal::-webkit-scrollbar-thumb:hover{
    background: #7B7C77;
    overflow: auto;
}
.scroll-normal::-webkit-scrollbar-thumb:active{
    background: #4B4A45;
    overflow: auto;
}

/* scroll-apple */
.scroll-apple::-webkit-scrollbar{
    width:8px;
    height: 8px;
    margin-right:1px;
    border-width:0;
    border-color:#999;
}
.scroll-apple::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.scroll-apple::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,.2);
    border-radius:8px;
}

.bar-default{
    border-radius: 5px;
    overflow: hidden;
}
.bar-default A{
    background: #ACAFA8;
    border-radius: 5px;
}
.bar-default A:hover{
    background: #7B7C77;
    border-radius: 5px;
}
.bar-default A:active{
    background: #4B4A45;
    border-radius: 5px;
}

/* keyframes used to pulse the overlay */
@-webkit-keyframes pulse {
    0% {-webkit-transform: scale(1);}
    40% {-webkit-transform: scale(1.02);}
    60% { -webkit-transform: scale(1.02);}
    100% {-webkit-transform: scale(1);}
}
.animate-pulse {
    -webkit-animation-duration: 180ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
}
/*------ end fily ------*/